/* /assets/widget/style/component/pictureNew/public/public.css,/assets/widget/style/component/follow/public/public.css */
/* /assets/widget/style/component/pictureNew/public/public.css */
.sitewidget-pictureNew img{vertical-align:middle}
.sitewidget-pictureNew .mobile-imgBox img{position:relative;max-width:100%}

.sbanner{width:100%;position: relative;}
.swiper-container {width: 100%; height: 100%; color: #fff; text-align: center;}
.sbanner img{max-width:100%}
.pagination {position: absolute; z-index: 20; left: 48%; bottom: 10px;}
.swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;}
.swiper-visible-switch {background: #aaa;}
.swiper-active-switch {background: #fff;}
.sbanner .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;z-index: 9;}
.sbanner .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px;z-index: 9;}


.pic-style-circle,.pic-style-circle img{border-radius:50%}
.pic-style-corner,.pic-style-corner img{border-radius:20px}
.pic-style-album>a{background:#fff;padding:7px;border:1px solid #ccc;border-radius:4px}
/* /assets/widget/style/component/follow/public/public.css */
.follow-a{display:inline-block;margin:1px;text-align:center !important}
.share-a{display:inline-block;margin:1px;text-align:center !important}
.follow-a:hover .planeRotate,.share-a:hover .planeRotate{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .xRotate,.share-a:hover .xRotate{transform:rotateX(360deg);-ms-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-o-transform:rotateX(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .yRotate,.share-a:hover .yRotate{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:transform 1s;-moz-transition:transform 1s;-webkit-transition:transform 1s;-o-transition:transform 1s}
.follow-a:hover .upRotate,.share-a:hover .upRotate{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.social-icon-round{border-radius:50%}
.social-icon-corner{border-radius:10%}
.social-icon-hori{margin-right:8px}
.social-icon-vert{margin-bottom:4px}
.social-follow-hori-text{display:inline-block;text-align:left;width:5em;vertical-align:middle}
.social-follow-vert-text{display:inline-block;text-align:center;width:5em;vertical-align:middle}
.social-icon-greycolor,.social-icon-blackgrey,.social-icon-default{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.social-icon-default:hover{opacity:.8;filter:alpha(opacity=80)}
.social-icon-24.social-icon-greycolor,.social-icon-32.social-icon-greycolor,.social-icon-48.social-icon-greycolor,.social-icon-64.social-icon-greycolor{background-color:#9ea3a7}
.social-icon-greycolor.social-icon-facebook:hover{background-color:#3b5998}
.social-icon-greycolor.social-icon-googleplus:hover{background-color:#d14836}
.social-icon-greycolor.social-icon-linkedin:hover{background-color:#007fb1}
.social-icon-greycolor.social-icon-sinaweibo:hover{background-color:#e6162d}
.social-icon-greycolor.social-icon-twitter:hover{background-color:#00aced}
.social-icon-greycolor.social-icon-youtube:hover{background-color:#cd332d}
.social-icon-greycolor.social-icon-tweibo:hover{background-color:#4cb4e6}
.social-icon-greycolor.social-icon-qzone:hover{background-color:#ffc028}
.social-icon-greycolor.social-icon-renren:hover{background-color:#005baa}
.social-icon-greycolor.social-icon-douban:hover{background-color:#228a31}
.social-icon-greycolor.social-icon-instagram:hover{background-color:#3f729b}
.social-icon-greycolor.social-icon-wechat:hover{background-color:#8dc61f}
.social-icon-greycolor.social-icon-pinterest:hover{background-color:#bd081c}
.social-icon-greycolor.social-icon-youku:hover{background-color:#ff3b3b}
.social-icon-24.social-icon-blackgrey,.social-icon-32.social-icon-blackgrey,.social-icon-48.social-icon-blackgrey,.social-icon-64.social-icon-blackgrey{background-color:#000}
.social-icon-24.social-icon-blackgrey:hover,.social-icon-32.social-icon-blackgrey:hover,.social-icon-48.social-icon-blackgrey:hover,.social-icon-64.social-icon-blackgrey:hover{background-color:#aaa}
.social-icon-alone-default:hover{opacity:.8;filter:alpha(opacity=80)}
.social-icon-ring-default:hover{opacity:.8;filter:alpha(opacity=80)}
@media(min-width:768px){.sitewidget-follow.icons-float-left,.sitewidget-share.icons-float-left{position:fixed;left:0;top:30%;z-index:99}
.sitewidget-follow.icons-float-right,.sitewidget-share.icons-float-right{position:fixed;right:0;top:30%;z-index:99;left:auto}
.sitewidget-follow.icons-float-left .follow-a,.sitewidget-share.icons-float-left .share-a{display:block}
.sitewidget-follow.icons-float-left .follow-a+.follow-a,.sitewidget-share.icons-float-left .share-a+.share-a{margin-top:5px}
}
.hasCode,.hasLink{position:relative}
.icons-float-left .hasCode .social-follow-hori-text{white-space:nowrap}
.codeWrap{display:none;padding:12px;border:1px solid #d6d6d6;border-radius:2px;position:absolute;background:#fff;z-index:1000;filter:drop-shadow(0 0 2px #b6b6b6)}
.codeWrap>.weiboLink{display:block}
.codeWrap>.triangle{display:block;position:absolute;width:20px;height:10px}
.codeWrap>.triangle.float_left{width:10px;height:20px;top:50%;margin-top:-10px;left:-9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEPSURBVHjarNKxSsRAEAbgf8/kBRLsJJA0PsFib6Fgo1jaiQ+hpQ8iPsC19rZCdhNIZ5EirOQgISQSWciBOjZJuDuzdxb+sN0HMzszjIjwh9BslxBCPALAbAc6AHC9FQohDgG8eJ4HAGBTPUopjwA8+b6/77pu3yXR2gvD8FhK+d40Da1mE51HUbRs25Y2s4pu4jj+1FrTVAZ0myTJd9d1ZMj4a8eyLGbbtnFUA7zTWj+kaQrTpsbxCCH2AMwdx7kMggCMsTU3Dpxz/gXgqq7rZ6WUsfSAlwAuyrIUeZ6bYY8/AJwtFovXoijMsMcVgBOllKqqCluPgnP+BuA0yzIAoF+7nljrPRER+7cLH/IzAH1v+l/VOXxUAAAAAElFTkSuQmCC) no-repeat center;border-right:2px solid #fff}
.codeWrap>.triangle.float_right{width:10px;height:20px;top:50%;margin-top:-10px;right:-9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEJSURBVDhPlZE9aoQAEIUNKVKlS5nUuzdInwvkEDlE2rQ5Q2APIOwR0ln4h9jIolgYYiFRMAiCgehknvvYZVFD8oHgzHw8B8cQxfgL/xIdx3liuQxEz/PE9/01W8uUZYnUN9d1b9iaB6lFUUDeafIV21MggjzPIbuWZV1ydAq9kSzLRFd4TZLkguMjdEaGYZA0TZG8NU3znMoeOgcgx3GM5Bctz6hNRdD3vURRBPmZ2rzYdZ2EYTjoCo+LUtu2EgTBt23bD6MEODvQNA2u9KXXuqeyh/ORuq4hfWrSHcdH6EhVVVj8Q5NuOToFEs6n0rs+K7anQFRB9HPXbM0DUX/BhuUyEPn6C4bxAzCVSYkKx9uEAAAAAElFTkSuQmCC) center center no-repeat}
.codeWrap>.triangle.open_top{left:50%;margin-left:-10px;top:-9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAETSURBVHjarNI/S4VgFAbw56WhQUIQUVB6EXG4H8AzNLS0RGt9g6jPcRvrG7REW3MtQQ3tcfaLiTjIXSQMQxDMV96mG1yovP151sP5DQ+P0FrjPyPGQGYWAE4BvBDR2Z9AZl4DcG4YxpFSSnddd0xEF78CmXkdwJVpmvtRFKHve8xms0EpdUBENz8CmXkDwLVlWTthGEIIAQBo2xZJkrwNw7BHRA8rgcxsA7h1HIeklB/YIk3TIE3TV631bhzHj9+CzLwJ4N7zvInv+1/2VNc1six71lpvE9HTpyAzTwDcSSml67qj86iqCnmezwFsEdF8CWTmEyHENAgC2La98ubKskRRFABwSUSHC3Bs2WLkvvT/PgAltYPssspMtAAAAABJRU5ErkJggg==) no-repeat center;border-bottom:2px solid #fff}
.codeWrap>.triangle.open_bottom{left:50%;margin-left:-10px;bottom:-9px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAEVSURBVHjalNKxSsNQGMXx/5VCdrN26jP023RSEAQXB1/AxTfQ1edQ8A18hK5Svj5AQ2hLryaQGEIltFAhuS4VE2pbcra7/Dic+xnnnOMvBqi/W+cIMKr6oqokSdIKy7KM0WiEqj5uyhjzW1BVu8Bbr9fr+r5/EEuSBGutBS5EZFxvCICIfADns9nsc7FY7MWiKMJaOwZO6lgD3KABcDWZTL6KotiCnHPM53PiOFbgVETe/9uwkX6/P6yq6joMw+/VatXAptMpaZoOgDMRyXZ9ylZEZFCW5U0QBOV6vaaqKsIwJM/zV+BSRIpdc5jm1TSjqree5z11Oh2zXC6fgTsRKfftuxfcoPfAMfAgIgfP6iDYNj8DAJzHiyTga4IwAAAAAElFTkSuQmCC) no-repeat center;border-top:2px solid #fff}
.icons-float-left .social-icon-24+.codeWrap{left:24px}
.icons-float-left .social-icon-32+.codeWrap{left:32px}
.icons-float-left .social-icon-48+.codeWrap{left:48px}
.icons-float-left .social-icon-64+.codeWrap{left:64px}
.sitewidget-follow .codeWrap img{max-width:300px}
.fl{ float: left}
.fr{ float: right}

/*banner*/
#wrapper {background:#fff;position:relative;}
a {text-decoration:none;-webkit-transition:color 0.2s linear;-moz-transition:color 0.2s linear;-o-transition:color 0.2s linear;transition:color 0.2s linear;}
a:focus , a:link, a:active {outline:none;}
a:hover {color:#444;}
.fullwidthbanner-container{width:100% !important;position:relative;padding:0;max-height:550px !important;overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner	{width:100% !important;max-height:450px !important;position:relative;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .banner, .bannercontainer{width:768px;height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .banner, .bannercontainer{width:480px;height:193px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .banner, .bannercontainer{width:320px;height:129px;}
}

@media only screen and (max-width: 319px) {
    .banner, .bannercontainer{width:240px;height:97px;}
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {background:#e1472f !important;}
/** BULLETS **/
.tp-bullets {z-index: 1001;position: absolute;bottom: 0px; display: none}
.tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background: #fff;width: 188px;height: 6px;float: left;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;}
.tp-leftarrow.large {z-index: 100;cursor: pointer;position: relative;background: url(../images/slider-left-arrow.png) no-Repeat;width: 24px;height: 44px;margin-left: 20px;margin-top: -21px;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;
}
.tp-rightarrow.large {z-index: 100;cursor: pointer;position: relative;background: url(../images/slider-right-arrow.png) no-Repeat 0 0;width: 24px;height: 44px;margin-left: -20px;margin-top: -21px;-webkit-transition: background 0.1s linear;-moz-transition: color, background 0.1s linear;-o-transition: color, background 0.1s linear;transition: color, background 0.1s linear;

}
.tp-bullets.tp-thumbs {z-index: 100;position: absolute;padding: 3px;background-color: #fff;width: 500px;height: 50px;margin-top: -50px;}
.fullwidthbanner-container .tp-thumbs {padding: 3px;}
.tp-bullets.tp-thumbs .tp-mask {width: 500px;height: 50px;overflow: hidden;position: relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {width: 5000px;position: absolute;}
.tp-bullets.tp-thumbs .bullet {width: 100px;height: 50px;cursor: pointer;overflow: hidden;background: none;margin: 0;float: left;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*filter: alpha(opacity=50);*/
    -moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
.tp-thumbs img {width: 100%;}
.tp-bannertimer {width: 100%;height: 10px;position: absolute;z-index: 200;z-index: 5000;}
.tp-bannertimer.tp-bottom {bottom: 0px !important;height: 5px;}


@media only screen and (min-width: 768px) and (max-width: 959px) {}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .responsive .tp-bullets.tp-thumbs {width: 300px !important;height: 30px !important;}
    .responsive .tp-bullets.tp-thumbs .tp-mask {width: 300px !important;height: 30px !important;}
    .responsive .tp-bullets.tp-thumbs .bullet {width: 60px !important;height: 30px !important;}
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .responsive .tp-bullets {display: none;}
    .responsive .tparrows {display: none;}
}
.tp-simpleresponsive img {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;}
.tp-simpleresponsive a {text-decoration: none;}
.tp-simpleresponsive ul {list-style: none;padding: 0;margin: 0;}
.tp-simpleresponsive >ul >li {list-stye: none;position: absolute;visibility: hidden;}
.caption.slidelink a div,.tp-caption.slidelink a div {width: 10000px;height: 10000px;}
.tp-loader {background: url(../images/loader.gif) no-repeat 10px 10px;background-color: #fff;margin: -22px -22px;top: 50%;left: 50%;z-index: 10000;position: absolute;width: 44px;height: 44px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
/*banner结束*/